{extend name="layout/default" /}
{block name="title"}首页{/block}
{block name="style"}
<link rel="stylesheet" href="__STATIC__/admin/css/other/console1.css" />
{/block}
{block name="content"}
<div class="layui-row layui-col-space10">
    <div class="layui-col-xs6 layui-col-md3">
        <div class="layui-card top-panel">
            <div class="layui-card-header">软件数量</div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space5">
                    <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="softCount"></div>
                    <div class="layui-col-xs4 layui-col-md4  top-panel-tips">
                        <svg t="1616590795396" class="icon" viewBox="0 0 1126 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4188" width="200" height="200"><path d="M85.333333 85.333333h682.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v341.333333h-85.333334V170.666667H128v640h384v85.333333H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V128a42.666667 42.666667 0 0 1 42.666666-42.666667z m490.666667 149.333334A64 64 0 0 1 640 298.666667c0 18.858667-8.32 35.669333-21.333333 47.402666v27.264c0 100.010667-86.101333 181.333333-192 181.333334-105.856 0-192-81.322667-192-181.333334v-27.264A63.701333 63.701333 0 0 1 213.333333 298.666667a64 64 0 0 1 128 0c0 18.858667-8.362667 35.669333-21.333333 47.402666v27.264C320 426.24 367.829333 469.333333 426.666667 469.333333s106.666667-43.093333 106.666666-96v-27.264A63.701333 63.701333 0 0 1 512 298.666667a64 64 0 0 1 64-64z" fill="#1768E4" p-id="4189"></path><path d="M725.333333 554.666667a42.666667 42.666667 0 0 1 42.666667 42.666666v85.333334a42.666667 42.666667 0 0 1-42.666667 42.666666h-85.333333a42.666667 42.666667 0 0 1-42.666667-42.666666v-85.333334a42.666667 42.666667 0 0 1 42.666667-42.666666h85.333333z m213.333334 0a42.666667 42.666667 0 0 1 42.666666 42.666666v85.333334a42.666667 42.666667 0 0 1-42.666666 42.666666h-85.333334a42.666667 42.666667 0 0 1-42.666666-42.666666v-85.333334a42.666667 42.666667 0 0 1 42.666666-42.666666h85.333334z m0 213.333333a42.666667 42.666667 0 0 1 42.666666 42.666667v85.333333a42.666667 42.666667 0 0 1-42.666666 42.666667h-85.333334a42.666667 42.666667 0 0 1-42.666666-42.666667v-85.333333a42.666667 42.666667 0 0 1 42.666666-42.666667h85.333334z m-213.333334 0a42.666667 42.666667 0 0 1 42.666667 42.666667v85.333333a42.666667 42.666667 0 0 1-42.666667 42.666667h-85.333333a42.666667 42.666667 0 0 1-42.666667-42.666667v-85.333333a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333z" fill="#8BB3F1" p-id="4190"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-xs6 layui-col-md3">
        <div class="layui-card top-panel">
            <div class="layui-card-header">版本数量</div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space5">
                    <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="verCount"></div>
                    <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                        <svg t="1616590774003" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3411" width="200" height="200"><path d="M987.9 512L828.6 352.7l-36.1 36.2 159.2 159.3-159.2 159.3 36.1 36.1 159.3-159.2 36.2-36.2zM231.8 387.5l-36.2-36.2L36.3 510.6 0.1 546.8l195.5 195.4 36.2-36.2L72.5 546.8z" fill="#2868F0" p-id="3412"></path><path d="M430.2 296.5c0-45.2 36.7-81.9 81.9-81.9s81.9 36.7 81.9 81.9l-41 331.4c0 22.6-18.3 41-41 41s-41-18.3-41-41l-40.8-331.4z" fill="#FFB400" p-id="3413"></path><path d="M512.1 758.4m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" fill="#FFB400" p-id="3414"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-xs6 layui-col-md3">
        <div class="layui-card top-panel">
            <div class="layui-card-header">文件数量</div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space5">
                    <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="fileCount"></div>
                    <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                        <svg t="1616591533453" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4987" width="200" height="200"><path d="M726.922356 1024a35.971282 35.971282 0 0 1-35.971282-35.971282V164.49641a92.685128 92.685128 0 0 0-91.897436-91.897436h-399.097436a92.553846 92.553846 0 0 0-91.897435 91.897436v693.956923a92.553846 92.553846 0 0 0 91.897435 91.897436h340.151795a35.971282 35.971282 0 0 1 0 71.942564H199.956202A164.627692 164.627692 0 0 1 35.459792 858.453333V164.49641A164.627692 164.627692 0 0 1 199.956202 0h398.441026a164.627692 164.627692 0 0 1 164.49641 164.49641v823.138462A35.971282 35.971282 0 0 1 726.922356 1024z" fill="#0060F7" p-id="4988"></path><path d="M823.1521 1022.949744h-86.777436a35.971282 35.971282 0 1 1 0-71.942565H823.1521a92.553846 92.553846 0 0 0 92.553846-91.897435V565.431795H736.374664a35.971282 35.971282 0 1 1 0-71.942564h215.827692a35.971282 35.971282 0 0 1 35.971282 35.971282v328.99282A164.627692 164.627692 0 0 1 823.1521 1022.949744z" fill="#0060F7" p-id="4989"></path><path d="M530.786972 353.673846H263.496715a35.971282 35.971282 0 1 1 0-71.942564h267.290257a35.971282 35.971282 0 1 1 0 71.942564zM429.305946 528.278974H263.496715a35.971282 35.971282 0 1 1 0-71.942564H429.305946a35.971282 35.971282 0 0 1 0 71.942564z" fill="#FF4B9D" p-id="4990"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-xs6 layui-col-md3">
        <div class="layui-card top-panel">
            <div class="layui-card-header">下载次数</div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space5">
                    <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="downloadCount"></div>
                    <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
                        <svg t="1616592481875" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3495" width="200" height="200"><path d="M753.86 860.59c-8.28 5.77-16.86 11.3-25.52 16.46-11.86 7.06-15.76 22.4-8.7 34.27 4.68 7.86 12.98 12.22 21.51 12.22 4.35 0 8.75-1.14 12.76-3.52 9.68-5.76 19.29-11.96 28.54-18.4 11.33-7.89 14.11-23.48 6.22-34.8-7.9-11.34-23.48-14.12-34.81-6.23z" fill="#0000FF" p-id="3496"></path><path d="M948.17 329.07c-23.83-56.34-57.93-106.93-101.37-150.36-43.44-43.44-94.03-77.54-150.36-101.37-58.34-24.68-120.29-37.19-184.15-37.19S386.47 52.66 328.13 77.34c-56.34 23.83-106.93 57.94-150.36 101.37-43.44 43.44-77.54 94.03-101.37 150.36-24.67 58.34-37.19 120.29-37.19 184.15S51.72 639.03 76.4 697.37c23.83 56.34 57.93 106.93 101.37 150.36 43.44 43.44 94.03 77.54 150.36 101.37 58.34 24.68 120.29 37.19 184.15 37.19 31.52 0 63.03-3.12 93.68-9.28 13.54-2.72 22.3-15.9 19.58-29.44-2.72-13.54-15.9-22.31-29.43-19.59-27.41 5.51-55.61 8.3-83.83 8.3C279 936.29 89.21 746.51 89.21 513.22S279 90.15 512.28 90.15s423.07 189.79 423.07 423.07c0 114.23-44.83 221.29-126.23 301.46-9.84 9.69-9.96 25.52-0.27 35.35 9.69 9.84 25.52 9.96 35.35 0.27 44.21-43.54 78.94-94.42 103.24-151.23 25.16-58.83 37.91-121.36 37.91-185.85 0-63.85-12.51-125.81-37.18-184.15z" fill="#0000FF" p-id="3497"></path><path d="M663.43 540.11a25.006 25.006 0 0 0-23.1-15.43h-35.76v-181.4c0-13.81-11.19-25-25-25H444.99c-13.81 0-25 11.19-25 25v181.4h-35.76c-10.11 0-19.23 6.09-23.1 15.43a24.992 24.992 0 0 0 5.42 27.24L494.61 695.4a25 25 0 0 0 17.68 7.32 25 25 0 0 0 17.68-7.32l128.05-128.05c7.14-7.15 9.28-17.9 5.41-27.24z" fill="#FF0000" p-id="3498"></path></svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="layui-row layui-col-space10">
    <div class="layui-col-md9">
        <div class="layui-card">
            <div class="layui-card-header">信息</div>
            <div class="layui-card-body">
                <table class="layui-table">
                    <colgroup>
                        <col width="50%">
                        <col>
                    </colgroup>
                    <tbody>
                    {foreach $info.sysInfo as $key => $val}
                    <tr>
                        <td>{$key}</td>
                        <td>{$val}</td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="layui-col-md3">
        <div class="layui-card">
            <div class="layui-card-header">链接</div>
            <div class="layui-card-body">
                <a target="_blank" href="http://xiaoda.me" class="pear-btn pear-btn-primary  layui-btn-fluid" style="margin-top: 8px;height: 50px;line-height: 50px;">爱千数据 - 服务器/云手机</a>
                <a target="_blank" href="https://gitee.com/wangxiaoda/da-update" class="pear-btn pear-btn-danger  layui-btn-fluid" style="margin-top: 8px;height: 50px;line-height: 50px;">项目地址</a>
                <a target="_blank" href="https://jq.qq.com/?_wv=1027&k=0fy6mlq8" class="pear-btn pear-btn-warming layui-btn-fluid" style="margin-top: 8px;height: 50px;line-height: 50px;">交流Q群</a>
            </div>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
    layui.use(['form','jquery', 'popup', 'count'],function(){
        let form = layui.form;
        let $ = layui.jquery;
        let count = layui.count;

        count.up("softCount", {
            time: 2000,
            num: {$info.softCount},
            bit: 0,
            regulator: 50
        })

        count.up("verCount", {
            time: 2000,
            num: {$info.verCount},
            bit: 0,
            regulator: 50
        })

        count.up("fileCount", {
            time: 2000,
            num: {$info.fileCount},
            bit: 0,
            regulator: 50
        })

        count.up("downloadCount", {
            time: 2000,
            num: 999,
            bit: 0,
            regulator: 50
        })
    })
</script>
{/block}